﻿@{
    Layout = "~/Views/Shared/_LayoutIndex.cshtml";
}

<div id="slideBox">
    <div id="slides">
			<div class="slides_container">
				@for (var i = 1; i <= 5; i++)
                {
					<div class="slide">
						<a href="#" title="提示提示@(i)" target="_blank">@Content.Pic("../slidejs/slide-"+i+".jpg",1144,534,Url)</a>
					</div>
                }
			</div>
			<a href="#" class="prev"><img src="/Content/slidejs/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
			<a href="#" class="next"><img src="/Content/slidejs/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
		</div>
</div>

<div class="cols fn-clear">
	<div class="col col1">
		<h2 class="col-title">关于ALTUS</h2>
		<div class="cnt">
			<p>欧洲新锐家电Arcelik有限公司</p>
			<a href="#" class="detail">更多详情</a>
		</div>
	</div>
	<div class="col col2">
		<h2 class="col-title">ALTUS新闻</h2>
		<div class="cnt">
			<p>欧洲新锐家电Arcelik有限公司</p>
			<a href="#" class="detail">更多详情</a>
		</div>
	</div>
	<div class="col col3">
		<h2 class="col-title">营销·互动</h2>
		<div class="cnt">
			<p>欧洲新锐家电Arcelik有限公司</p>
			<a href="#" class="detail">更多详情</a>
		</div>
	</div>
	<div class="col col4">
		<h2 class="col-title">新产品</h2>
		<div class="cnt">
			<p>欧洲新锐家电Arcelik有限公司</p>
			<a href="#" class="detail">更多详情</a>
		</div>
	</div>
</div>
@section CssLink
{
	@Content.Css("slidejs.css",Url)
}
@section scripts
{
    @Content.Script("jquery-1.8.2.min.js",Url)
    @Content.Script("jquery.slides.min.js",Url)
	<script type="text/javascript">
    $(function () {
        $('#slides').slides({
            preload: true,
            preloadImage: '/Content/slidejs/loading.gif',
            play: 3000,
            pause: 2500,
            hoverPause: true
        });
    });
	</script>
}